<template>

  <div class="layui-layout layui-layout-admin">
    <div class="adminnav1">
      <Pagetop></Pagetop>
    </div>
    <div class="adminnav2">
      <Secondnav urlname="homepage"></Secondnav>
    </div>

    <!-- 主体内容 -->
    <div class="layui-body kedou-admin" id="LAY_app_body app">
      <div class="layadmin-tabsbody-item layui-show">
        <div class="pagelist" style="padding:0">
          <div class="layui-tab layui-tab-card">
            <ul class="layui-tab-title">
              <li class="layui-this">支付方法</li>
              <li>支付设置</li>
            </ul>
            <div class="layui-tab-content" style="padding:50px 0">
              <div class="layui-tab-item layui-show">
                <div class="layui-card-body">
                  <table class="layui-table" style="text-align:center;">
                    <thead>
                      <tr>
                        <th>支付方式</th>
                        <th>描述</th>
                        <th>状态</th>
                        <th>显示顺序</th>
                        <th>操作</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>支付宝</td>
                        <td>支付宝网站是国内先进的网上先进的网上支付平台</td>
                        <td>未开启</td>
                        <td></td>
                        <td><button class="layui-btn layui-btn-primary">编辑</button></td>
                      </tr>
                      <tr>
                        <td>微信支付</td>
                        <td>微信支付商品平台，建议使用此支付方式</td>
                        <td>已开启</td>
                        <td>1</td>
                        <td><button class="layui-btn layui-btn-primary">编辑</button></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>

              <div class="layui-tab-item">
                <div class="layui-card-body cardbody">
                  <div class="layui-form" lay-filter="">
                    <div class="layui-form-item" pane="">
                      <label class="layui-form-label">微信支付场景:</label>
                      <div class="layui-input-block" style="width:25%">
                        <input type="checkbox" name="1" lay-skin="primary" title="代理充值货款付款">
                        <input type="checkbox" name="2" lay-skin="primary" title="代理采购订单付款">
                        <input type="checkbox" name="3" lay-skin="primary" title="代理内购订单付款">
                        <input type="checkbox" name="4" lay-skin="primary" title="代理小店付款">
                        <input type="checkbox" name="5" lay-skin="primary" title="代理提货订单付款">
                        <input type="checkbox" name="6" lay-skin="primary" title="代理云库存代发付款">
                        <input type="checkbox" name="7" lay-skin="primary" title="代理缴纳保证金付款">
                        <input type="checkbox" name="8" lay-skin="primary" title="代理云换货补差价付款">
                      </div>
                    </div>
                    <div class="layui-form-item">
                      <div class="layui-input-block">
                        <button type="button" class="layui-btn layui-btn-normal">保存</button>
                      </div>

                    </div>
                  </div>
                </div>
              </div>

            </div>
          </div>

        </div>
      </div>
    </div>

  </div>
</template>
<script>
import Pagetop from "../common/pagetop.vue";
import Secondnav from "../common/secondnav.vue";
export default {
  name: "zfset",
  components: { Pagetop, Secondnav },
  data () {
    return {

    };
  },
  mounted () {
    layui.use('element', function () {
      var element = layui.element;
    })
  },
  methods: {
    updated: function () {
      layui.use(["form", "table"], function () {
        var form = layui.form
          , table = layui.table;
        form.render();
      })
    }
  },
};
</script>
<style scoped>
.layui-form-label {
  width: 120px;
}
.layui-input-block {
  margin-left: 14%;
  padding-left: 10px;
}
.layui-table th {
  text-align: center;
}
/* .mb-10 {
  margin-bottom: 10px;
} */
/*二级导航*/
</style>